<!DOCTYPE html>
<html>

<head></head>

<body>
    <script src="index.js"></script>
    <script src="components/button.js"></script>
    <div id="app"></div>
    <template id="content">
        <es-button type="primary" round="true" ref="buttonA" @click="buttonClick"><span>按钮000</span></es-button>
        <es-button type="primary" size="medium" disabled="disabled" @click="buttonClick"><span>按钮111</span></es-button>
        <es-button type="warning" size="small" @click="buttonCClick"><span>按钮222</span></es-button>
        <es-button type="default" size="mini" @click="buttonClick1"><span>按钮333</span></es-button>
    </template>
    <script>
        const app = new DOM({
            template() {
                return "#content"
            },
            methods: {
                buttonClick(e) {
                    console.log('click', e)
                },
                buttonCClick(e) {

                }
            }
        });
        app.use(useESButton).render('#app')
    </script>
</body>

</html>